<template>
  <div>
    <!-- -->
    <div class="topBox">
      <div class="back">返回</div>
      <div class="userInfo-top">
        <div class="userAvatar"></div>
        <div class="userName">用户名称</div>
        <div class="userLand">农场一</div>
      </div>
    </div>
    <div class="bottomBox">
      <div class="userTit">用户信息</div>
      <div class="userName"><span>用户名称：</span> 用户名称</div>
      <div class="pwd"><span>用户密码：</span>*******</div>
      <div class="userPhone"><span>手机绑定：</span>136****1234</div>
      <div class="userIdCard"><span>身份证号：330282****1231</span></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'SevencolorUserIndex',

  data () {
    return {}
  },

  mounted () {},

  methods: {}
}
</script>

<style lang="scss" scoped>
.topBox {
  width: 80.2083vw;
  height: 16.6667vw * 0.834;
  background: #ffffff;
  border-radius: 20px 20px 20px 20px;
  margin-bottom: 1.5625vw;
  .userAvatar {
    width: 8.3333vw;
    height: 8.3333vw;
    background: #edf1f4;
    border-radius: 50%;
  }
}
.bottomBox {
  width: 80.2083vw;
  height: 30.2083vw * 0.834;
  background: #ffffff;
  border-radius: 20px 20px 20px 20px;
}
</style>
